﻿@{
	ViewBag.SocialTitle = "Онлайн игра drawpi.co, рисуем и угадываем";
	ViewBag.SocialDescription = "Увлекательная бесплатная онлайн игра крокодил. Заходи прямо сейчас, рисуй в браузере и угадывай из более 4000 слов.";
	ViewBag.SocialImage = "http://drawpi.co" + Url.Content("~/Content/Images/main.png");
}
<!DOCTYPE html>
<html>

<head>
	<title>@ViewBag.Title - drawpi.co</title>
	@{ Html.RenderPartial("_Icons");}
	@{ Html.RenderPartial("_SocialMeta");}
	@Styles.Render("~/Content/uikit")
</head>

	<body class="uk-height-1-1" style="overflow: hidden;">
		<div class="top-panel">
			<ul>
				<li>
					<a href="http://twitter.com/drawpico" data-uk-tooltip title="@Html.Raw("@drawpico")" target="_blank">
						<i class="uk-icon-twitter uk-icon-small"></i>
					</a>
				</li>
				<li>
					<a href="http://vk.com/drawpico" data-uk-tooltip title="vk.com/drawpico" target="_blank">
						<i class="uk-icon-vk uk-icon-small"></i>
					</a>
				</li>
				<li>
					<a href="@Url.Action("About","Home")" data-uk-tooltip title="О проекте" target="_blank">
						<i class="uk-icon-info uk-icon-small"></i>
					</a>
				</li>
				<li>
					<a href="@Url.Action("Feed")" data-uk-tooltip="{pos:'bottom-right'}" title="Коллекция " target="_blanck">
						<i class="uk-icon-th uk-icon-small"></i>
					</a>
				</li>
			</ul>
		</div>
		<div id="main-loader" class="loader-outer uk-margin-top">
			<div class="loader-animation">
				<div class="loader-linebar"></div>
				<div class="loader-linebar"></div>
				<div class="loader-linebar"></div>
				<div class="loader-linebar"></div>
				<div class="loader-linebar"></div>
				<div class="loader-linebar"></div>
			</div>
		</div>
		<div class="uk-vertical-align uk-text-center uk-height-1-1">
			<div class="uk-vertical-align-middle page-container" style="opacity: 0;">
				<div class="logo">
					<a href="@Url.Action("Index","Home")">
						<img src="@Url.Content("~/Content/Images/logo.svg")" alt="logo"/>
					</a>
				</div>
				<div id="page-container">
					@RenderBody()
				</div>
				<div id="overlay" class="uk-overlay-area">
					<div class="uk-overlay-area-content">
						<div class="loader-outer uk-margin-top">
							<div class="loader-animation">
								<div class="loader-linebar"></div>
								<div class="loader-linebar"></div>
								<div class="loader-linebar"></div>
								<div class="loader-linebar"></div>
								<div class="loader-linebar"></div>
								<div class="loader-linebar"></div>
							</div>
						</div>
					</div>
				</div>
				<div class="alert-container"></div>
			</div>
		</div>
		@Scripts.Render("~/bundles/modernizr")
		@Scripts.Render("~/bundles/jquery")
		@Scripts.Render("~/bundles/jqueryval")
		@Scripts.Render("~/bundles/uikit")
		@Scripts.Render("~/bundles/signalr")
		@{ Html.RenderPartial("Localization"); }
		@RenderSection("scripts", required: false)
		@Styles.Render("~/Content/css")
		@{Html.RenderPartial("Ya");}
		<a href="#disconnect" data-uk-modal id="disconnectPopup" class="uk-hidden"></a>
		<div id="disconnect" class="uk-modal">
			<div class="uk-modal-dialog">
				<div class="uk-grid uk-grid-small">
					<div class="uk-width-1-1 uk-text-large uk-text-center">
						Связь с сервером отсутствует. Проверьте подключение в сети.
					</div>
					<div class="uk-width-1-1 uk-margin-top uk-text-center">
						<button class="uk-button uk-button-large uk-button-primary" onclick="window.location.reload();"><i class="uk-icon-refresh"></i> Перезагрузить страницу</button>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
